<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="天天来收租" />
  <meta name="format-detection" content="telphone=no, email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="browsermode" content="application" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <title>装修</title>
  <link rel="stylesheet" type="text/css" href="../css/public.css" />
  <link rel="stylesheet" type="text/css" href="../css/renovation.css" />
  <link rel="stylesheet" type="text/css" href="../css/guide.css" />
</head>

<body>
  <div class="zone">
    <div class="top">
      <img class="top_img" id="top_img" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jiantou.png" alt="">
      <div class="title" id="title_name">装修</div>
      <div class="wuye" id="wuye" style="display: none;"></div>
    </div>
    <div class="main">
      <div class="counter">
        <div class="top_heah">
          <p>当前豪华值：<span id="dangqian">0</span></p>
          <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/wen.png" id="shuomig" alt="" />
        </div>
        <div class="bot" id="bot">
          <!-- <div class="bot_list">
              <div class="zong">
                <div class="left_img1 left_img2">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/yigui1.png" alt="" />
                </div>
                <div class="center">
                  <p class="t">床 <span>(世纪城专属)</span></p>
                  <p class="c">当前等级：<span>LV2</span></p>
                  <p class="b">当前豪华值：<span>50</span></p>
                </div>
              </div>
              <div class="right_btn">升级</div>
            </div>
            <div class="bot_list">
              <div class="zong">
                <div class="left_img1 left_img3">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/1_1.png" alt="" />
                </div>
                <div class="center">
                  <p class="t">床 <span>(世纪城专属)</span></p>
                  <p class="c">当前等级：<span>LV2</span></p>
                  <p class="b">当前豪华值：<span>50</span></p>
                </div>
              </div>
              <div class="right_btn">升级</div>
            </div>
            <div class="bot_list">
              <div class="zong">
                <div class="left_img1 left_img4">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/2_1.png" alt="" />
                </div>
                <div class="center">
                  <p class="t">床 <span>(世纪城专属)</span></p>
                  <p class="c">当前等级：<span>LV2</span></p>
                  <p class="b">当前豪华值：<span>50</span></p>
                </div>
              </div>
              <div class="right_btn">升级</div>
            </div> -->
        </div>
      </div>
    </div>
  </div>
  <!-- todo说明 -->
  <div class="modal modal-illustrate" id="modal-illustrate">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>说明玩法</span>
        <img id="chahao2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <p>所有家具合成或升级之后不可降级</p>
        </div>
        <div id="btn_que3" class="btn_que">确定</div>
      </div>
    </div>
  </div>
  <!-- todo确认升级 -->
  <div class="modal modal-confirm" id="modal-confirm">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>升级确认</span>
        <img id="chahao3" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="cen">
          <div class="cen_son">
            <div class="cen_left">
              <div class="cen_top">当前等级</div>
              <p class="b"><span id="left_chuang">床</span> <span id="left_deng">初级</span></p>
              <p id="cheng_name1">世纪城专属</p>
              <div class="cen_img" id="dangqian_Lv">
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/1_1.png" alt="" />
              </div>
              <p>当前豪华值：<span class="r" id="left_r">500</span></p>
              <p>当前能量产出：<span class="h" id="left_h">50/时</span></p>
            </div>
            <div class="cen_right">
              <div class="cen_top">升级预览</div>
              <p class="b"><span id="right_chuang">床</span> <span id="right_deng">初级</span></p>
              <p id="cheng_name2">世纪城专属</p>
              <div class="cen_img" id="ahengji_Lv">
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/1_2.png" alt="" />
              </div>
              <p>豪华值：<span class="r" id="right_r">500</span></p>
              <p>能量产出：<span class="h" id="right_h">50/时</span></p>
            </div>
          </div>
          <!--  -->
          <p class="bot_t" id="bot_t">消耗1级电视碎片 <span>5个</span></p>
          <p class="bot_di">当前拥有 <span id="yongyou">6/5</span></p>
        </div>
        <div class="btn_queren" id="btn_queren">确认升级</div>
      </div>
    </div>
  </div>
  <!-- !点击升级后 -->
  <!-- <div class="modal modal-upgradation" id="modal-upgradation">
      <div class="modal-mask" id="modal-mask"></div>
      <div class="modal-body">
        <div class="center">
          <div class="list">
            <div class="box">
              <div class="left">
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/chuang1.png" alt="" />
              </div>
              <div class="centers">
                <div class="t t1">床</div>
                <div class="t">世纪城专属</div>
              </div>
            </div>
            <div class="right">
              <p class="b">当前等级：<span>LV2</span></p>
              <p class="h">当前豪华值：<span>50</span></p>
              <p class="n">当前能量产出：<span>50/时</span></p>
            </div>
          </div>
          <div class="list">
            <div class="box">
              <div class="left">
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/chuang1.png" alt="" />
              </div>
              <div class="centers">
                <div class="t t1">床</div>
                <div class="t">世纪城专属</div>
              </div>
            </div>
            <div class="right">
              <p class="b">当前等级：<span>LV2</span></p>
              <p class="h">当前豪华值：<span>50</span></p>
              <p class="n">当前能量产出：<span>50/时</span></p>
            </div>
          </div>
          <div class="list">
            <div class="box">
              <div class="left">
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/chuang1.png" alt="" />
              </div>
              <div class="centers">
                <div class="t t1">床</div>
                <div class="t">世纪城专属</div>
              </div>
            </div>
            <div class="right">
              <p class="b">当前等级：<span>LV2</span></p>
              <p class="h">当前豪华值：<span>50</span></p>
              <p class="n">当前能量产出：<span>50/时</span></p>
            </div>
          </div>
        </div>
      </div>
    </div> -->
  <!-- 刘欣 新手引导 2023-6-22 14:24:28 -->
  <div class="modal modal-guide" id="modal-guide">
    <div class="modal-mask"></div>
  </div>
  <img class="point" id="guide-point" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/guide-point.png" alt="">
  <!-- 刘欣 引导查看弹框 -->
  <div class="modal modal-guide-view" id="modal-guide-view">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/comic/renwu.png" alt="">
      <div class="view-content">
        <p id="guide-view-text">默认的提示内容，请更新后再弹出</p>
        <button id="guide-view-btn">确定</button>
      </div>
    </div>
  </div>
  <!-- 刘欣 引导红包奖励弹窗 -->
  <div class="modal modal-worrgets" id="modal-worrget">
    <div class="modal-mask" id="modal-worrget-close"></div>
    <div class="modal-worrgetbody">
      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/haob.png" alt="">
      <img class="worrgetren" src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/ren.png" alt="">
      <img class="cuan" src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/cuan.png" alt="">
      <div class="worrgetifno">
        <p class="pp1">恭喜获得</p>
        <p class="pp2">现金红包</p>
        <p class="pp3">￥<span class="pp4" id="worrgetNum"></span></p>
        <p class="pp5" id="worrget-text">恭喜获得现金，奖励已经进入钱包了哦</p>
      </div>
      <p class="kongbai">点击空白区域关闭</p>
    </div>
  </div>
  <!-- 获取途径 -->
  <div class="modal modal-road" id="modal-road">
  	<div class="modal-mask"></div>
  	<div class="modal-body">
  		<div class="mask-tit">
  			<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
  			<span>详情</span>
  		</div>
  		<img class="modal-close" id="close-road" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
  		<div class="modal-content">
  			<div class="modal-contentIn">
  				<div class="buffList" id="buffList">
  					<div class="buffTop">
  						<div class="thingimg">
  							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/bag/jiaju.png" alt="">
  						</div>
  						<div class="thingroad">
  							<div class="titiler">
  								<p>-</p>
  								<span>类型：-</span>
  							</div>
  							<p class="remark">-</p>
  						</div>
  					</div>
  					<div class="tujing">
  						<p>获得途径:</p>
  						<div class="ipt-box">
  							<span>幸运房东</span>
  							<button>前往</button>
  						</div>
  						<div class="ipt-box">
  							<span>探索矿场</span>
  							<button>前往</button>
  						</div>
  					</div>
  				</div>
  			</div>
  			<!-- <div class="modalbtn" id="modalbtn">
  				<button class="madbtn1">拆分</button>
  				
  				<button class="madbtn2">使用</button>
  			</div> -->
  		</div>
  	</div>
  </div>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/renovation.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/guide.js" type="text/javascript"></script>
</body>

</html>